<div id="left-content">
    <div id="tree" style="min-height: 400px;">

    </div>
</div>

<div id="right-content">
    <h3 class="right-content-title">Quản lý mặt hàng</h3>
    <div class="right-content-content">
        <input type="hidden" id="mathang-id" class="mathang-id" value="-1" />
        <table class="table-tools">
            <colgroup>
                <col style="width: 100px">
                <col>
            </colgroup>
            <tr>
                <td><label for="ma-mat-hang">Mã mặt hàng</label></td>
                <td>
                    <input id="ma-mat-hang" class="ma-mat-hang" type="text" value="" placeholder="Nhập mã mặt hàng">
                </td>
            </tr>
            <tr>
                <td><label for="ten-mat-hang">Tên mặt hàng</label></td>
                <td>
                    <input id="ten-mat-hang" class="ten-mat-hang" type="text" value="" placeholder="Nhập tên mặt hàng">
                </td>
            </tr>
            <tr>
                <td><label for="don-vi-tinh">Đơn vị tính</label></td>
                <td>
                    <input id="don-vi-tinh" class="don-vi-tinh" type="text" value="" placeholder="Nhập đơn vị tính">
                </td>
            </tr>
            <tr style="display: none;">
                <td><label for="so-luong">Số lượng</label></td>
                <td>
                    <input id="so-luong" readonly class="so-luong" type="text" value="0" onkeypress="QuanLyBanHangStatic.checkNumberInput(event);" placeholder="Nhập số lượng">
                </td>
            </tr>
            <tr>
                <td><label for="ghi-chu">Ghi chú</label></td>
                <td>
                    <textarea id="ghi-chu" class="ghi-chu" placeholder="Nhập thông tin ghi chú"></textarea>
                </td>
            </tr>
        </table>

        <button id="button-new" disabled onclick="MatHang.LuuMatHang(0);" type="button"><span class="fa fa-hdd-o"></span> Lưu mới</button>
        <button id="button-save" disabled onclick="MatHang.LuuMatHang(1);" type="button"><span class="fa fa-save"></span> Lưu đè</button>

        <button id="button-delete" onclick="MatHang.XoaMatHang(this);" type="button" class="button-red" disabled><span class="fa fa-remove"></span> Xóa mặt hàng</button>
        <span id="button-delete-loading"><span class="fa fa-refresh fa-spin"></span> Đang xóa...</span>
    </div>
</div>

<div class="clear"></div>

<script>
    $(function(){

    });
</script>